<template>
    <div class="library">
        <!-- <router-link to="xq"> -->
            <Libraryson v-for="(v,i) in arr" :key="i" :img1="v.img1" :img2="v.img2" :img3="v.img3" :img4="v.img4" :img5="v.img5" :img6="v.img6" :img7="v.img7" :img8="v.img8" />
        <!-- </router-link> -->
    </div>
</template>

<script>
import Libraryson from "@/components/ddgHD/libraryson.vue"
import {getlink} from "@/api/getapi.js"
export default {
    data(){
        return {
            arr:[]
        }
    },
    mounted(){
        getlink("/data/ddg").then((ok)=>{
            this.arr=ok.data.library
            console.log(this.arr)
        })
    },
    components:{
        Libraryson
    },
    methods:{
        
    }
}
</script>

<style scoped>
    .library{
        width: 100%;
        display: flex;
        overflow-x: auto;
        font-variant-east-asian: 0.12rem;
    }
</style>